/* You can add global styles to this file, and also import other style files */
@import "./scss/brower";

@import "~font-awesome/css/font-awesome.css";
@import "./scss/colors.scss";

body {
	min-width: 1360px;
}
body.large .ui.container:not(.no-large) {
    width: 1240px;
}
.ant-badge-count{
	box-shadow: none;
}
.ant-layout-header {
	padding: 0;
}

.icons-list {
	background: {
		color: rgb(34, 105, 209);
	}
}

.model-header {
	border-top-right-radius: $radius-size;
	border-top-left-radius: $radius-size;

	.header-head {
		border-bottom: $border-line;
		border-top-right-radius: $radius-size;
		border-top-left-radius: $radius-size;
		background: $bg-color;
		line-height: 71px;

		.head-bark {
			cursor: pointer;
			text-align: center;
			font-size: $f-size;
			padding: 0 32px;

			i {
				color: $span-color;
				border-right: $border-line;
				font-size: $f-size + 3;
				padding-right: 32px;
			}
		}

		h3 {
			color: $title-color;
			padding-left: 24px;
		}
	}

	.model-body {
		background: $bg-color;
		margin: 10px 20px;
		padding: 20px;

		.account-table,
		.body-totel,
		.body-top {
			padding: 20px 29px;
		}

		.from-footer {
			button {
				margin-right: 5px;
			}
		}

		.model-btn {
			padding: 3px 10px;

			button {
				margin: 0 5px;
			}
		}
	}
}

.pannel-default {
	margin: 30px;
	background: #fff;
	padding: 30px;
}


.body-left{
	overflow: hidden;
	.ant-layout-sider-children{
		overflow: auto;
		width: 220px;
	}
}
// 弹框样式变更
.my-modal-c {
	.ant-modal-header {
		background: #3171b7;
		text-align: center;

		.ant-modal-title {
			color: #fff;
		}
	}
}
.tab-head {
	margin-bottom: 20px;

	> button.ant-btn {
		border: none;
		border-radius: 15px;
		margin-right: 20px;
		margin-left: 0;
		&.noradius{
			border-radius:3px;
		}
	}

	> .ant-input {
		border-radius: 15px;
		border-color: #fff;
		margin-right: 20px;
		margin-left: 0;
	}
}

.ant-layout {
	background: #f4f8fb;
}

.ant-menu-submenu-inline {
	.ant-menu-submenu-title {
		> span {
			margin-left: 15px;
			font-weight: normal;
			font-size: 16px;
		}

		.ant-menu-submenu-arrow {
			left: 16px;
			right: auto;
			margin-top: -4.5px;

			&:before {
				transform: none;
				width: 0px;
				height: 0px;
				border-color: transparent;
				border-top-width: 5px;
				border-left-width: 6px;
				border-bottom-width: 5px;
				border-left-color: #333;
				border-style: solid;
				border-radius: 3px;
			}

			&:after {
				display: none;
			}
		}
	}

	&.ant-menu-submenu-open {
		.ant-menu-submenu-title {
			.ant-menu-submenu-arrow {
				&:before {
					transform: rotateZ(90deg) translate(3px, 2px);
					border-left-color: #3171b7;
				}

				&:after {
					display: none;
				}
			}
		}
	}

	&.ant-menu-submenu-disabled.ant-menu-submenu-open {
		cursor: default;

		> .ant-menu-submenu-title {
			cursor: default;
			color: #3171b7 !important;

			> .ant-menu-submenu-arrow {
				&:before {
					background: none !important;
				}
			}
		}
	}
}

nz-table.ant-table-wrapper.medical-table {
	background: #fff;
	border-radius: 10px;
	&.small-table{
		.ant-table-tbody > tr > td{
			padding-top:5px;
			padding-bottom:5px;
		}
	}
	.ant-table {
		&.ant-table-small {
			border: none;

			> .ant-table-content {
				> .ant-table-body {
					margin: 0;
				}

				.ant-table-thead {
					> tr {
						> th {
							padding: 16px 8px;
							border-bottom: none;
						}
					}
				}
			}
		}
	}

	.ant-table-body {
		border-radius: 10px;
	}

	.ant-table-tbody {
		> tr {
			cursor: pointer;

			> td {
				border-bottom: none;

				span.checkbox {
					width: 16px;
					height: 16px;
					border: 1px solid #eee;
					border-radius: 4px;
					background: #fff;
					display: block;
					font-size: 12px;
					text-align: center;
					line-height: 12px;
					font-weight: bold;

					i {
						display: none;
					}

					&.active {
						border-color: #3171b7;
						background: #3171b7;

						i {
							display: inline;
						}
					}
				}
			}

			&:nth-child(odd) {
				td {
					background: #f4f8fb;
				}
			}

			&:hover {
				td {
					background: #e6f7ff;
				}
			}

			&.selectedRow {
				td {
					background: #3974b4;
					color: #fff;

					a {
						color: #fff;
					}
				}
			}
		}
	}

	.ant-table-thead {
		> tr {
			> th {
				background: #fff;
				border-bottom: none;
				border-radius: 5px;
				font-weight: bold;
			}
		}
	}

	.ant-table-pagination.ant-pagination {
		float: none;
		margin: 16px 0;
		display: block;
		width: 100%;
		text-align: center;
	}
}

.pannel {
	padding: 20px 20px 0 20px;
	background: #fff;
	border-radius: 10px;
	margin-top: 10px;

	.pannel-head {
		font-size: 16px;
		height: 18px;
		line-height: 18px;
		border-left: 2px solid #3171b7;
		margin-bottom: 20px;
		padding-left: 10px;
		font-weight: bold;
		color: #333;
	}

	.pannel-body {
		div[nz-col] {
			font-size: 14px;
			color: #333;
			padding-bottom: 20px;
			label {
				color: #999999;
				font-size: 14px;
			}
		}
		nz-table {
			padding-bottom: 20px;
		}
	}
}

.ant-descriptions-item-label {
	font-size: 14px;
	color: #999999;
}

.ant-descriptions-item-content {
	font-size: 14px;
	color: #333;
}

.rate-box{
	width: 179px;
	height: 18px;
	display: flex;
	position: relative;
	span{
		display: block;
		width: 59px;
		margin-right: 1px;
		&:first-child{
			background: #F8BF52;
		}
		&:nth-child(2){
			background: #F89452;
		}
		&:nth-child(3){
			background: #FF5959;
		}
	}
	.rate-value{
		position: absolute;
		right: 0;
		top: 0;
		height: 18px;
		width:100%;
		z-index: 2;
	}
	&:after{
		content: '';
		height:18px;
		width: 1px;
		background: #fff;
		top: 0;
		left: 59px;
		position: absolute;
		z-index: 3;
	}
	&:before{
		content: '';
		height:18px;
		width: 1px;
		background: #fff;
		top: 0;
		right: 59px;
		position: absolute;
		z-index: 3;
	}
}

.tab-style1{
	border-collapse: separate;
    border-spacing: 1px;
	background: #F5F5F5;
	width: 300px;
	td{
		padding:10px;
		background: #fff;
		&:last-child{
			color:$primary-color;
		}
	}
}

.report-table{
	.ant-table-thead > tr > th{
		background:linear-gradient(0deg,rgba(243,243,243,1),rgba(255,255,255,1));
		color:#808080;
		padding:10px 16px;
	}
	.ant-table-tbody > tr > td{
		padding:11px 16px;
	}
}